<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>弹幕</title>
    <link rel="stylesheet" href="css/light.css">
</head>

<body>
    <div class="color" id="color"></div>
    <div class="msg" id="msg">
        <div class="msg-contain" for="checkbox" id="msg-contain">
            <div class="arrow" id="arrow">
                <img src="picture/arrow.png" alt="">
            </div>
            <div class="msg-input">
                <div contenteditable="true" id="text-input"> </div>
                <button class="send" id="send">发送</button>
            </div>
            <ul id="msg-button">
                <li id="msgbuttona"></li>
                <li id="msgbuttonb"></li>
                <li id="msgbuttonc"></li>
                <li id="msgbuttond"></li>
            </ul>
            <div class="apng" id="apng">
                <div class="png"><img src="picture/jinya.png" alt=""></div>
                <div class="png"><img src="picture/dayan.png" alt=""></div>
                <div class="png"><img src="picture/chuo.png" alt=""></div>
                <div class="png"><img src="picture/lei.png" alt=""></div>
                <div class="png"><img src="picture/daxiao.png" alt=""></div>
                <div class="png"><img src="picture/huaixiao.png" alt=""></div>
                <div class="png"><img src="picture/kuanghan.gif" alt=""></div>
                <div class="png"><img src="picture/meigui.png" alt=""></div>
                <div class="png"><img src="picture/zhadan.png" alt=""></div>
                <div class="png"><img src="picture/qin.png" alt=""></div>
                <div class="png"><img src="picture/tuosai.png" alt=""></div>
                <div class="png"><img src="picture/haixiu.png" alt=""></div>
            </div>
        </div>
    </div>
    <div class="text" id="text">
        <div class="text-contain" id="text-contain">
        </div>
    </div>
    <div class="tan" id="tan">
        <div class="tan-contain">
            <span class="tan-close" id="tan-close" onclick="cls()">x</span>
            <div class="tan-content" id="tan-content"></div>
        </div>
    </div>
    <script src="js/run.js"></script>

</body>

</html>